<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>小兔子不开心</title>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<style>
		html,
		body {
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
		}
		
		.container {
			max-width: 98%;
			position: relative;
			margin: 0 auto;
			text-align: center;
			height: 100vh;
			/*将容器高度设置为浏览器视窗高度的100%*/
			overflow: hidden;
		}
		
		.bg {
			position: relative;
			margin: auto;
			width: fit-content;
			overflow: hidden;
		}
		
		.bgimg {
			max-width: 100%;
			/*最大宽度为100%*/
			max-height: 100%;
			/*最大高度为100%*/
			height: 100vh;
		}
		
		.tu {
			position: absolute;
			width: 20%;
			left: 60%;
			bottom: 5%;
			z-index: 2;
		}
		.tong {
			position: absolute;
			width: 20%;
			left: 40%;
			bottom: 5%;
			z-index: 2;
		}
		.pmain{
				position:absolute;
				left: 0;
				right: 0;
				top:50%;
				width: 70%;
				height: 30%;
				margin:0 auto;
				border-radius:50px;
				border: solid 5px black;
				font-family: "楷体";
				font-size: 20pt;
				line-height: 35px;
				animation: fade-in 5s ease;
			}
		</style>
		<script type="text/javascript">
		$(document).ready(function() {
            $('.tong').on('mouseenter', function() {
                $(this).css('transform', 'scale(1.2)');
            }).on('mouseleave', function() {
            $(this).css('transform', 'scale(1)');
            });
			$('.tong').on('click', function() {
			        window.location.href = "http://8.dw0.cn/30/";
			    });
        });
	</script>

		
	
	     
</head>

<body>
	<div class="container">
		<div class="bg">
			<img class="bgimg" src="res/huang.png" />
			<img class="tu" src="res/tu.png" />
			<img class="tong" src="res/tong.png" />
			<div class="pmain"><font color="white">有一只小兔子不开心</font><br/>
				<font color="white">它说它要爆炸了</font><br/>
				<font color="white">它看见了一个桶</font><br/>
				<font color="white">然后和这个桶说了很多话</font><br/>
				<font color="white">突然间，这个桶</font><br/>
				<font color="white">（点击这个桶）</font><br/>
			</div>
		</div>
	</div>

</body>

</html>